.banner{ position:relative; padding-top:124px; min-width:1200px; overflow:hidden; }

.banner img{ display:block; width:100%; height:auto; }

.banner .imgBox{ position:relative; }

.banner .imgBox li{ opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; }

.banner .imgBox li:first-child{ position:relative; }

.banner .imgBox li.cur{ z-index:10; }

.banner-mask{ position:absolute; bottom:0; left:50%; z-index:100; margin-left:-960px; width:1920px; /*left:0; margin-left:0; width:100%;*/ }

.banner-mask .current{ position:absolute; top:30%; right:18.725%; }

.banner-mask .current span{ display:inline-block; vertical-align:middle; }

.banner-mask .current span.prev,.banner-mask .current span.next{ width:15px; height:30px; opacity:0.7; filter:alpha(opacity=70); cursor:pointer; }

.banner-mask .current span.prev{ background:url(../images/prev_01.png) no-repeat center; }

.banner-mask .current span.next{ background:url(../images/next_01.png) no-repeat center; }

.banner-mask .current span.prev:hover,.banner-mask .current span.next:hover{ opacity:1; filter:alpha(opacity=100); }

.banner-mask .current span.count{ width:32px; text-align:center; font:20px/1 arial; color:#fff; }



/*@media screen and (max-width:1680px) {

	.banner-mask .current{ top:28%; right:18.5%; }

}

@media screen and (max-width:1440px) {

	.banner-mask .current{ top:27%; right:18.2%; }

}

@media screen and (max-width:1366px) {

	.banner-mask .current{ top:26%; right:18.1%; }

}

@media screen and (max-width:1280px) {

	.banner-mask .current{ top:25%; right:17.9%; }

}

@media screen and (max-width:1200px) {

	.banner-mask .current{ top:24.5%; right:17.8%; }

}*/





.wrap{ position:relative; z-index:110; }

.wrap .all > .title img{ display:block; margin:0 auto; height:138px; }

.wrap .all > .text{ padding:30px 100px; text-align:center; color:#888; line-height:22px; font-family: arial, "arial"; }



.wrap1{ background:url(../images/bg1.png) center right no-repeat;     font-size: 14px;}

.wrap1 .all{

	position:relative;

}

.wrap1 .t1{

    position: absolute;

    left: 150px;

    top: 264px;

    width: 460px;

}

.wrap1 .t2{

position: absolute;

    right: 90px;

    top: 654px;

    width: 460px;

}

.wrap1 .t3{

position: absolute;

    left: 155px;

    top: 1012px;

    width: 460px;

}

.production{ position:relative; padding:30px 0 40px; overflow:hidden; width:100%; }

.production .box{ position:relative; left:50%; margin-left:-1261.5px; overflow:hidden; width:2523px; height:447px; }

.production .boxCont{ position:relative; padding-bottom:42px; }

.production .boxCont > li{ position:relative; float:left; margin:0 3px; width:835px; height:405px; background-color:#eee; background-repeat:repeat-y; color:#fff; }

.production .boxCont .li1{ background-image:url(../images/pro_bg_01.png); }

.production .boxCont .li2{ background-image:url(../images/pro_bg_02.png); }

.production .boxCont .li3{ background-image:url(../images/pro_bg_03.png); }

.production .boxCont > li:after{ content:""; position:absolute; right:57px; top:0; width:60px; height:12px; background:url(../images/tip_02.png) center bottom; }

.production .boxCont > li .img{ position:absolute; top:22px; left:40px; }

.production .boxCont > li .text{ position:relative; margin:0 50px 0 375px; padding:40px 0 80px; height:285px; min-height:285px; }

.production .boxCont > li .text h3{ font-size:26px; font-weight:500; }

.production .boxCont > li .text strong{ display:block; margin-bottom:15px; padding-bottom:10px; font-size:16px; font-weight:500; border-bottom:1px dotted #fff; }

.production .boxCont > li .text p{ margin:15px 0 17px; font-family: arial, "arial"; line-height:22px; }

.production .boxCont > li .text ol{ font-family: arial, "arial"; line-height:22px; }

.production .boxCont > li .text ol li{ margin:4px 0; }

.production .boxCont > li .text ol li span{ margin-right:10px; }

.production .boxCont > li .text a{ position:absolute; left:0; bottom:40px; width:163px; height:33px; line-height:33px; text-align:center; font-family: arial, "arial"; color:#fff; border:1px solid #fff; border-radius:33px; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

.production .boxCont li .text a:hover{ background:url(../images/white.png); background:rgba(255,255,255,0.2); }



.production .prev,.production .next{ position:absolute; top:50%; left:50%; margin-top:-74.5px; width:87px; height:97px; opacity:0.8; filter:alpha(opacity=80); cursor:pointer; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

.production .prev:hover,.production .next:hover{ opacity:1; filter:alpha(opacity=100); }

.production .prev{ margin-left:-525px; background:url(../images/prev.png) no-repeat; }

.production .next{ margin-left:438px; background:url(../images/next.png) no-repeat; }



.wrap2 ul li .img{ display:block; overflow:hidden; }

.wrap2 ul li .img img{ display:block; position:relative; width:inherit; -webkit-transition:all ease 1.5s; transition:all ease 1.5s; }

.wrap2 ul li .img:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); }

.wrap3{ background:url(../images/zeren_bg.jpg) no-repeat center bottom;    margin-top: 3px;

    padding-top: 30px;

 }

.wrap3 ul li .img{ display:block; overflow:hidden; }

.wrap3 ul li .img img{ display:block; position:relative; width:inherit; -webkit-transition:all ease 1.5s; transition:all ease 1.5s; }

.wrap3 ul li .img:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); }

.wrap4 {background:#1968ae;}

.trait ul li{ position:relative; float:left; width:300px; }

.trait ul li .img{ width:300px; height:180px; }

.trait ul li .text{ position:relative; padding:8px 28px; height:121px; border:1px solid #f4f4f4; background:#fdfdfd; }

.trait ul li .text strong{ display:block; margin-bottom:0px; font-size:17px; font-weight:500; color:rgb(244, 181, 43); }

.trait ul li .text p{ color:#888; line-height:20px; font-family: arial, "arial"; }

.trait ul li .text a{ position:absolute; left:28px; bottom:3px; font-family: arial, "arial"; color:#f4b52b; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

.trait ul li .text a span{ margin-left:10px; }

.trait ul li .text a:hover{ left:35px; }

.trait ul li em{ position:absolute; top:50%; right:30px; margin-top:-41px; width:28px; height:78px; border:1px solid #b1d937; }

.trait ul li em i{ position:absolute; top:56px; left:3.5px; width:21px; height:10px; background:url(../images/arrow_01.png) no-repeat; }

.trait ul li.odd em{ border-color:#f3be4c; }

.trait ul li.odd i{ top:12px; background:url(../images/arrow_02.png) no-repeat; -webkit-animation:arr02 1s ease infinite; animation:arr02 1s ease infinite; }

.trait ul li.even i{ -webkit-animation:arr01 1s ease infinite; animation:arr01 1s ease infinite; }

.trait p{

	font-size:12px;

}

@keyframes arr01{

	100%{ transform:translateY(5px); }

}

@keyframes arr02{

	100%{ transform:translateY(-5px); }

}



@-webkit-keyframes arr01{

	100%{ -webkit-transform:translateY(5px); }

}

@-webkit-keyframes arr02{

	100%{ -webkit-transform:translateY(-5px); }

}



.custom{ position:relative; margin:40px 0 0; padding:0px 0 36px; height:300px; }

.custom .ren{ position:absolute; top:0; left:-150px; }

.custom .tip{ float:left; padding-bottom:22px; text-align:right; font-size:18px; color:#555; }

.custom .tip i{ float:left; margin:0 7px 0 0; width:23px; height:23px; background-position:-180px 0; }

.custom .tip a{ color:#9ebf3b; }

.custom .tip a:hover{ text-decoration:underline; }

.custom ul{ clear:both;}

.custom ul li{ float:left; _display:inline; margin-left:15px; width:390px; background:#fff; /*box-shadow:0 0 7px rgba(0,0,0,0.1);*/ }

.custom ul li:first-child{ margin-left:0; }

.custom ul li .img{ width:390px; height:225px; }

.custom ul li .text{ position:relative; padding:8px 8px 36px; }

.custom ul li .text strong{ display:block; margin-bottom:8px; padding:2px 0 6px; font-weight:500; font-size:16px; color:#4c4c4c;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.custom ul li .text div{ margin-bottom:15px; font-size:14px; color:#999; line-height:22px; }

.custom ul li .text div span{ display:block; }

.custom ul li .text a{ position:absolute; bottom:-2px; left:8px; font-family: arial, "arial"; color:#9ebf3b; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

.custom ul li .text a span{ margin-left:7px; }

.custom ul li .text a:hover{ left:15px; }



.content3_top{ background: url(../images/bolang_bg.png) no-repeat center; height: 66px; margin-top: -66px; }

.content3_tit{ margin: 0 auto; width: 505px; background: url(../images/titl_bg.png) no-repeat center; text-align: center; padding-top: 45px;  }

.en .content3_tit{

	padding-top:28px;

}

.wrap4 .content3_tit{background: url(../images/titl_bg1.png) no-repeat center;}

.content3_tit h3{ font-size: 24px; color: #00b0fc;  font-weight: bold; padding-top: 10px;} 

.wrap4 .content3_tit h3{

	color: #fff;

}

.content3_tit p{ font-size: 12px; color: #cccccc; }

.content3_con{ width: 1200px; margin: 0 auto; }

.content3_con .word{ color: #fff; width: 1036px; margin: 0 auto; text-align: center; padding-top: 45px;   }

.wrap3 .custom{

	  padding-bottom: 200px;

}





.production{ padding-top:15px; }

.production .cont{ margin-left: -22px; padding-bottom: 60px; border-bottom:1px dotted #c7c7c7; }

.production .cont li{ float:left; _display:inline; margin-left:22px; width:385px; }

.production .cont li .img{ display: block; margin-bottom: 12px; overflow: hidden; }

.production .cont li .img img{ display:block; position:relative; width:inherit; height:inherit; -webkit-transition:all ease 1.5s; transition:all ease 1.5s; }

.production .cont li .img:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); }

.production .cont li .text{ text-align:center; }

.production .cont li .text h3{ margin-bottom: 5px; font-size:16px; font-weight: 500; color:#9ebf3b; }

.production .cont li .text p{ margin-bottom: 23px; overflow: hidden; height:44px; font-size:12px; font-family: arial, "arial"; line-height: 22px; color:#999; }

.production .cont li .text a{ display:block; margin: 0 auto; width:128px; height: 28px; line-height: 28px; font-family: arial, "arial"; color:#b5b5b5; border:1px solid #dedede; -webkit-transition:all .3s; transition:all .3s; }

.production .cont li .text a:hover{ color:#fff; background-color: #9ebf3b; border-color:#9ebf3b; }